<template>
  <div v-if="value!=null">
    <div class="address-info">
      <div>
        <span class="address-label">联系人:</span><span class="concat-right"> {{value.contacter}}</span>
        <span class="address-label">联系电话:</span><span> {{value.mobile}}</span>
      </div>
      <div>
        <span class="address-label">联系地址:</span><span> {{value.district}} {{value.address}}</span>
      </div>
    </div>
  </div>
</template>
<style>
  .concat-right {
    margin-right: 10px;
  }

  .address-label {
    font-weight: 600;
    color: #909399;
    padding: 0px 2px;
  }
</style>
<script>
  export default {
    name: 'HAddressDisplay',
    data() {
      return {}
    },
    props: {
      value: {
        type: Object
      }
    }
  }
</script>
